<template>
	<div id="app">
		<app-header v-on:titleChanged="updateTitle"></app-header>
		//与子组件 titleChanged 自定义事件保持一致 // updateTitle($event)接收传递过来的文字
		<h2>{{ title }}</h2>
	</div>
</template>
<script>
import Header from './components/Header';
export default {
	name: 'App',
	data() {
		return {
			title: '我是父组件的值'
		};
	},
	methods: {
		updateTitle(e) {
			//声明函数
			this.title = e;
		}
	},
	components: {
		'app-header': Header
	}
};
</script>
